<template>
	<div class="home-foot">
		<div class="msg">
			<p>◇票面价指通过景区指定创空售卖的纸质门票上标注的价格</p>
		</div>
		<ul class="mores">
			<li>
				<span class="iconfont">&#xe63b;</span>
				<label>机票</label>
			</li>
			<li>
				<span class="iconfont">&#xe61b;</span>
				<label>酒店</label>
			</li>
			<li>
				<span class="iconfont">&#xe662;</span>
				<label>公寓</label>
			</li>
			<li>|</li>
			<li>
				<a href="#">更多</a>
			</li>
		</ul>
		<ol class="list border-bottom">
			<li><a href="#">登录</a></li>
			<li><a href="#">我的订单</a></li>
			<li><a href="#">最近浏览</a></li>
			<li><a href="#">关于我们</a></li>
		</ol>
		<p >Qunar 京ICP备05021087</p>
	</div>
</template>

<script>
</script>

<style>
	.home-foot{
		font-size: 0.28rem;
	}
	.msg{
		width: 100%;
		overflow: hidden;
		background-color: white;
		line-height: 0.6rem;
		font-size: 0.24rem;
		margin-top: 0.2rem;
		text-align: left;
		color: gray;
	}
	.mores{
		overflow: hidden;
		margin: 0.2rem auto;
		display: flex;
		justify-content: space-around;
		width: 85%;
		color: gray;
	}
	.mores li .iconfont{
		margin-right: 0.1rem;
	}
	.mores li a{
		color: gray;
	} 
	.list{
		display: flex;
		padding: ;
		margin: 0.4rem auto;
	}
	.list li{
		margin: 0 0.4rem;
	}
	.home-foot p{
		color: gray;
		text-align: center;
		/* padding-bottom: 0.5rem; */
	}
	.list ol li{
		color: #00BCD4 !important;
	}
</style>
